<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"-->
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="slide.css">
    <!--link rel="stylesheet" href="article.css"-->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="shortout icon" type="image/x-icon" href="Art_Yoshi_Ultimate.png"/>
    <title>Virginie Exotique</title>
</head>
<body>
    <?php
    include('header&footer/header.php');
    ?>
    <main>
        <div class="title-new">
            <h2 class="text-block-container__headline" id="np"><a href="#np">Rayon</a></h2>
        </div>
        <?php
        if(isset($_SESSION['user'])){?>
        <div class="select-case">
            <div class="ex ray0n">
                <div class="imgx">
                    <div class="image-art">
                        <img src="img pr/salmon-1238662.jpg" alt="">
                    </div>
                </div>
                <div class="right-detail">
                    <h3 class="card__title">Produit Roumain</h3>
                    <p class="card__description">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae, reprehenderit! Neque
                    consequatur velit...</p>
                    <a href="" class="btn">voir plus</a>
                </div>
            </div>
            <div class="ex ray0n">
                <div class="imgx">
                    <div class="image-art">
                        <img src="img pr/strawberry-dessert-2191973_1920.jpg" alt="">
                    </div>
                </div>
                <div class="right-detail">
                    <h3 class="card__title">Produit Roumain</h3>
                    <p class="card__description">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae, reprehenderit! Neque
                    consequatur velit...</p>
                    <a href="" class="btn">voir plus</a>
                </div>
            </div>
            <div class="ex ray0n">
                <div class="imgx">
                    <div class="image-art">
                        <img src="img pr/tee-1740871_1920.jpg" alt="">
                    </div>
                </div>
                <div class="right-detail">
                    <h3 class="card__title">Produit Roumain</h3>
                    <p class="card__description">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae, reprehenderit! Neque
                    consequatur velit...</p>
                    <a href="" class="btn">voir plus</a>
                </div>
            </div>
            <div class="ex ray0n">
                <div class="imgx">
                    <div class="image-art">
                        <img src="img pr/soft-drink-4280835_1920.jpg" alt="">
                    </div>
                </div>
                <div class="right-detail">
                    <h3 class="card__title">Produit Roumain</h3>
                    <p class="card__description">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae, reprehenderit! Neque
                    consequatur velit...</p>
                    <a href="" class="btn">voir plus</a>
                </div>
            </div>
            <div class="ex ray0n">
                <div class="imgx">
                    <div class="image-art">
                        <img src="img pr/eggs-1510449.jpg" alt="">
                    </div>
                </div>
                <div class="right-detail">
                    <h3 class="card__title">Produit Roumain</h3>
                    <p class="card__description">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae, reprehenderit! Neque
                    consequatur velit...</p>
                    <a href="" class="btn">voir plus</a>
                </div>
            </div>
            <div class="ex ray0n">
                <div class="imgx">
                    <div class="image-art">
                        <img src="img pr/strawberry-1330459_1920.jpg" alt="">
                    </div>
                </div>
                <div class="right-detail">
                    <h3 class="card__title">Produit Roumain</h3>
                    <p class="card__description">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae, reprehenderit! Neque
                    consequatur velit...</p>
                    <a href="" class="btn">voir plus</a>
                </div>
            </div>
            <div class="ex ray0n">
                <div class="imgx">
                    <div class="image-art">
                        <img src="img pr/vegetables-2338824_1920.jpg" alt="">
                    </div>
                </div>
                <div class="right-detail">
                    <h3 class="card__title">Produit Roumain</h3>
                    <p class="card__description">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae, reprehenderit! Neque
                    consequatur velit...</p>
                    <a href="" class="btn">voir plus</a>
                </div>
            </div>
            <div class="ex ray0n">
                <div class="imgx">
                    <div class="image-art">
                        <img src="img pr/essential-oil-3073901_1920.jpg" alt="">
                    </div>
                </div>
                <div class="right-detail">
                    <h3 class="card__title">Produit Roumain</h3>
                    <p class="card__description">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae, reprehenderit! Neque
                    consequatur velit...</p>
                    <a href="" class="btn">voir plus</a>
                </div>
            </div>
            <div class="ex ray0n">
                <div class="imgx">
                    <div class="image-art">
                        <img src="img pr/dishwasher-1772579_1920.jpg" alt="">
                    </div>
                </div>
                <div class="right-detail">
                    <h3 class="card__title">Produit Roumain</h3>
                    <p class="card__description">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae, reprehenderit! Neque
                    consequatur velit...</p>
                    <a href="" class="btn">voir plus</a>
                </div>
            </div>

            <!--div class="exemple ray0n">
                <div class="image-art">
                    <img src="img pr/salmon-1238662.jpg" alt="">
                </div>
            </div>
            
            <div class="exemple ray0n">
                <div class="image-art">
                    <img src="img pr/salmon-1238662.jpg" alt="">
                </div>
            </div>
            <div class="exemple ray0n">
                <div class="image-art">
                    <img src="img pr/strawberry-dessert-2191973_1920.jpg" alt="">
                </div>
            </div>
            <div class="exemple ray0n">
                <div class="image-art">
                    <img src="img pr/tee-1740871_1920.jpg" alt="">
                </div>
            </div>
            <div class="exemple ray0n">
                <div class="image-art">
                    <img src="img pr/soft-drink-4280835_1920.jpg" alt="">
                </div>
            </div>
            <div class="exemple ray0n" style="background-color:#a18a96;width:91.83%;/*92.51%;95.23%;*/height:420px;margin: 25px;border-radius: 20px;">
                <div class="image-art">
                    <img src="img pr/eggs-1510449.jpg" alt="">
                </div>
            </div>
            <div class="exemple ray0n">
                <div class="image-art">
                    <img src="img pr/strawberry-1330459_1920.jpg" alt="">
                </div>
            </div>
            <div class="exemple ray0n">
                <div class="image-art">
                    <img src="img pr/vegetables-2338824_1920.jpg" alt="">
                </div>
            </div>
            <div class="exemple ray0n">
                <div class="image-art">
                    <img src="img pr/essential-oil-3073901_1920.jpg" alt="cosmetics">
                </div>
            </div>
            <div class="exemple ray0n">
                <div class="image-art">
                    <img src="img pr/dishwasher-1772579_1920.jpg" alt="vaiselle">
                </div>
            </div-->
        </div>
        <?php}
        else
        {
        include('comming-soon.php');
        }?>
    </main>
    <?php
    include('header&footer/footer.php');
    ?>
    <!--script src="app.js"></script-->
    <script src="sl.js"></script>
    <script type="text/javascript">
        var counter = 1;
        setInterval(function(){
          document.getElementById('slide-' + counter).checked = true;
          counter++;
          if(counter > 4){
            counter = 1;
          }
        }, 5000);
        </script>
</body>
</html>